웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > html

[CSS] 태그의 스크롤바 지정 및 삭제하기, div, iframe

Last Modified : 2015-05-14 / Created : 2014-01-25
8,202
View Count

스크롤바를 지정 및 삭제(숨기기, 안보이게 하기)하는 방법입니다. 스크립트를 사용해 반응형 웹을 만들때 많이 사용됩니다. 참고로 IE 8 이하에서는 overflow가 안되니 스크립트를 쓰거나 position을 relative로 바꿔주는 등 다른 우회 방법을 찾으셔야 합니다^^

Ex)

- 문서태그의 경우
overflow-x: none; // 좌우 스크롤바 숨기기
overflow-y: none; // 상하 스크롤바 숨기기
overflow: auto; // 스크롤바 생성

- iframe의 스크롤인 경우
scrolling: no;

Previous

[HTML] 테이블 만들기, table 태그를 사용해 레이아웃 구성하기